<!--
 * @Author: your name
 * @Date: 2021-10-08 22:11:52
 * @LastEditTime: 2021-10-08 22:20:20
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \vue3\src\pages\connection\test4\father.vue
-->
<template>
  <div>
    <h1>父组件</h1>
    <p>number1: {{ number1 }}</p>
    <slot></slot>
    <slot name="main"></slot>
  </div>
</template>

<script>
import { reactive, toRefs } from 'vue';

export default {
  setup(props) {
    const state = {
      number1: 123,
    }

    return {
      ...toRefs(state)
    }
  }
}
</script>

<style>

</style>